import React from 'react';
import TestContext from './testContext'
// 创建一个 theme Context,  默认 theme 的值为 light
const ThemeContext = React.createContext({name:'小黑'});
// function ThemedButton(props) {
//     // ThemedButton 组件从 context 接收 theme
//     constructor(props){
//         console.log(props)
//     }
//     return (
//         <ThemeContext.Consumer>
//             {name => <h1 style={{fontSize:'50px'}}>{name.name}</h1>}
//         </ThemeContext.Consumer>
//     );
// }

// 中间组件


function Toolbar(props) {
    return (
        <div>
            <TestContext />
        </div>
    );
}
export default  class my extends React.Component{
    constructor(props){
        super(props)
        console.log(ThemeContext)

    }

    render() {
        return (
            <ThemeContext.Provider value={{name:1323}}>
                <Toolbar />
            </ThemeContext.Provider>
        )
    }
}
